html{
    width: 100%;
    body{
        width: 100%;
        .index{
            max-width: 750px;
            min-width: 300px;
            position: relative;
            margin: 0 auto;
            overflow: auto;
            .platfrom{
                background: url('../img/platform-engineer/top-img.jpg') center no-repeat;               
            }
            .third{
                background: url('../img/platform-engineer/top-img2.jpg') center no-repeat;
            }
            .engineer{
                background: url('../img/engineer/top-img.jpg') center no-repeat;
            }
            .top-img{
                width: 100%;
                height: 5.8rem;
                background-size: cover;
                overflow: hidden;
                img{
                    display: block;
                    width: 40%;
                    margin: 1.066666rem auto;
                }
            }
            
            .work-list{
                width: 90%;
                height: 2.2rem;
                margin: 0.3rem auto;
                text-align: center;
                border-radius: 5px;
                box-shadow: 0px 0px 3px 1px #ccc;
                img{
                    display: inline-block;
                    width: 1.16rem;
                    height: 1.16rem;                   
                    vertical-align: middle;
                }
                p{
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 0.426666rem;
                    font-weight: 600;
                    letter-spacing: 0.1em;
                }
                .mession{
                    color: #009688;
                }
                .work{
                    color: #1aa6c1;
                }
            }
        }
    }
}
